<script src="/assets/home/plugins/echarts/echarts.min.js"></script>
<div class="panel panel-default panel-intro">
    <div class="data">
        <div class="span6" id="source" style="width: 550px; height:400px;"></div>
        <div class="span6" id="record" style="width: 600px; height:400px;"></div>
        <div class="span6" id="visit" style="width: 600px; height:400px;"></div>
        <div class="span6" id="createtime" style="width: 550px; height:400px;"></div>
        <div class="span6" id="ordertime" style="width: 650px; height:400px;"></div>
        <div class="span6" id="deal" style="width: 500px; height:400px;"></div>
    </div>

</div>
<style>
    .span6{
        /* border: 1px solid green; */
        margin-bottom: 20px;
    }
    .data {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 30px;
        flex-wrap: wrap;
        /* border: 1px solid red; */
    }
</style>